*{ font-size: 14px; color: #666; padding: 0; margin: 0; font-family: "Source Han Sans SC", sans-serif; font-weight: 100;}
body{ overflow-x: hidden; text-align: justify;}
p{ line-height: 23px; text-align: justify;}
a{ text-decoration: none;}
ul, li{ list-style: none;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ background: #fff;/*这里设置的是活动导航的颜色*/
	}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ border: 1px solid #fff;/*这里设置的是非活动导航的颜色*/
	}
.vjs-poster{ background-size: 100%;}
.index_header{ position: absolute; background: rgba(0, 160, 233, 0.1); top: 0; width: 100%; padding-top: 20px; padding-bottom: 4px; z-index: 9999;}
header{ width: 1200px; margin: 0 auto;}
.section{ width: 100%; height: 100%; display: flex; align-items: center;}
.section > div{ width: 100%;}
.section div.about{ position: relative; top: -13%;}
.section div.looking{ position: relative;}
.logo{ float: left; width: 30.2%;}
.logo img{ width: 208px;}
nav{ float: left; width: 69.8%; margin-top: 10px;}
nav > ul li{ float: left;}
nav > ul > li{ padding-right: 37px;}
nav > ul > li:last-child{ padding-right: 0;}
nav ul li a{ color: #fff; font-size: 16px; line-height: 24px;}
nav ul li.active > a{ padding-bottom: 11px; border-bottom: 1px solid #fff;}
nav ul li ul{ overflow: hidden; display: none; transition: all 1s; padding-top: 18px; padding-bottom: 20px;}
nav ul li.active ul{ display: block;}
nav ul li ul li{ padding: 0; float: none;}
nav ul li ul li a{ font-size: 16px;}
.header{ background: #00A0E9; display: inline-block; width: 100%; position: fixed; top: 0; z-index: 9;}
.sort{ width: 100%; background: rgba(0, 160, 233, 0.1); z-index: 2; text-align: center;}
.sort-box {}

.sort-active{ position: fixed; top: 80px;}
.sort a{ color: #19A8E8; margin: 0 25px; font-size: 16px; line-height: 41px; display: inline-block; opacity: 0.6;}
.sort a.active{ opacity: 1;}
.smile{ text-align: center; width: 100%;}
.smile-text{ font-size: 54px; overflow: hidden; opacity: 0; transition: all .7s; line-height: 87px;}
.smile-btn{ overflow: hidden; transition: all .7s; right: calc(50% - 190px); opacity: 0; margin-top: 8px;}
.smile-btn a{ background: #00A0E9; color: #fff; margin: 0 5px; font-size: 18px; width: 150px; display: inline-block; height: 42px; line-height: 42px; margin-bottom: 10px; overflow: hidden;}
.next{ text-align: center; position: absolute; right: 0; bottom: 50px; animation: move linear 1s infinite; width: 100%; z-index: 1}
.neiye-next,.neiye-next2{ animation: move linear 1s infinite;}
@keyframes move{ 0%{ bottom: 40px;}
	50%{ bottom: 20px;}
	100%{ bottom: 40px;}
	}
.next img{ width: 71px; height: 44px;}
.video-js .vjs-big-play-button{ border: 0px solid #fff; width: 96px; height: 96px; border-radius: 50%; line-height: 96px; background: rgba(255, 255, 255, 0.3);}
.vjs-icon-placeholder:before{ font-size: 42px; color: #fff;}
.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button{ background: rgba(255, 255, 255, 0.3);}
.vjs-paused .vjs-big-play-button, .vjs-paused.vjs-has-started .vjs-big-play-button{ display: block;}
.about span{ width: 100%; display: inline-block; text-align: center; color: #009FE6; transition: .7s; opacity: 0;}
.about span p{ font-size: 45px; color: #009fe6; display: inline-block; margin: 10px 10px; line-height: 102px;}
.about span:first-child{ height: 84px;}
.about span:nth-child(2){ font-size: 30px; margin-top: 200px; line-height: 53px; height: 45px;}
.about span:nth-child(3){ font-size: 20px; height: 22px; line-height: 18px;}
.about span:last-child{ margin-top: 70px;}
.about span a{ width: 150px; height: 42px; background: #009FE6; font-size: 18px; line-height: 42px; color: #fff; display: inline-block; border-radius: 22px;}
.technology{ padding-top: 5%;}
.technology span{ width: 100%; display: inline-block; text-align: center; color: #fff; transform: translate(-600px, 0); opacity: 0; transition: all .7s;}
.technology span p{ height: 84px; font-size: 60px; color: #0e6eb8; line-height: 102px; display: inline-block; margin: 0 5px;}
.technology span:nth-child(2){ transform: translate(600px, 0); height: 43px; font-size: 29px;}
.technology span:nth-child(2) i{ color: #009fe6; font-size: 29px;}
.technology span:last-child{ transform: translate(0px, 900px); margin-top: 25px;}
.technology span a{ width: 150px; height: 42px; background: rgba(25, 168, 232, 1); color: #fff; display: inline-block; font-size: 18px; color: rgba(255, 255, 255, 1); line-height: 42px; border-radius: 22px;}
.looking span.aroud_button{ margin: 4% 0 100px;}
.looking span{ font-size: 60px; color: #ffffff; width: 100%; display: inline-block; text-align: center; opacity: 0; transform: translate(-600px, -400px); transition: all .7s;}
.looking span p{ font-size: 57px; color: #19A8E8; display: inline-block; margin: 10px 10px;}
.looking span:nth-child(2){ font-size: 30px; color: #ffffff; transform: translate(600px, -400px); margin-bottom: 10px; height: 43px; line-height: 51px;}
.looking span:last-child{ transform: translate(0, 400px); margin-top: 20px;}
.looking span a{ color: #fff; width: 171px; height: 42px; background: rgba(0, 159, 230, 1); line-height: 42px; display: inline-block; font-size: 18px; border-radius: 20px;}
.looking span a:hover{ background-color: #0e6eb8; box-shadow: 0px 0px 0px 7px #0e6eb8;}
.looking .aroud_button a{ font-size: 30px; color: white; height: 218px; width: 218px; border-radius: 50%; line-height: 218px; border: 1px solid white; box-shadow: 0px 0px 0px 7px #009fe6;}
.looking .aroud_button a:nth-child(2){ margin: 0 217px;}
.swiper-slide-active .smile-btn{ opacity: 1; transition-delay: .5s; text-align: left;}
.swiper-slide-active .smile-btn a{color: #ffffff; margin-right: 47px; text-align: center; border-radius: 20px;}
.swiper-slide-active .smile-btn a:hover{color: #ffffff; margin-right: 47px; text-align: center; border-radius: 20px;}

.swiper-slide-active .smile-btn a:last-child{ text-align: center; border-radius: 20px; background-color: rgba(8, 5, 5, 0.1);}
.swiper-slide-active .smile-btn a:last-child{ color: #ffffff;}
.swiper-slide-active .smile-btn a:hover{ color: #ffffff;}
.swiper-slide-active .smile-text{ opacity: 1; transition-delay: 0.5s; color: #fff;}

/*爱适美字体样式*/

.swiper-slide-active .smile-text:nth-child(1){ text-align: left; font-size: 72px; color: #28a7e1;}

/*只为惊艳时光的笑容样式*/

.swiper-slide-active .smile-text:nth-child(2){ text-align: left; font-size: 60px; color: #93763e; margin-top: 20px; margin-bottom: 74px;}
.swiper-slide-active .about span{ opacity: 1; transition-delay: .5s;}
.swiper-slide-active .about span:first-child{ transition-delay: 0.5s;}
.swiper-slide-active .about span:nth-child(2){ color: #0e6eb8; font-size: 60px; margin-top: 0px; transition-delay: .5s; margin: 40px 0;}
.swiper-slide-active .technology span{     margin-top: 10px;color: #888888; font-size: 31px; transform: translate(0, 0); opacity: 1; transition-delay: .5s;}
.swiper-slide-active .looking span{ transform: translate(0, 0); opacity: 1; transition-delay: .5s;}
.footers{ margin-top: 55px; overflow: hidden; position: relative;}
.top img{ position: absolute; right: 20px; top: 0px;}
.footer{ float: left; text-align: left;}
.footer-left img{ width: 208px;}
.footer-left{ margin-left: 7.4%; width: 24.23%;}
.footer-center{ width: 29.8%; margin-top: 6px;}
.footer-right{ margin-top: 6px; margin-left: 31px; text-align: left;}
.footer-center div{ width: calc(25% - 2px); float: left; text-align: center; border-right: 1px solid #4e4e4e; height: 323px;}
.footer-center h4, .footer-right h4{ color: #FFFFFF; height: 20px; font-size: 14px; margin-bottom: 7px; text-shadow: 0px 1px 1px rgba(4, 0, 0, 0.3);}
.footer-center div:first-child{ border-left: 1px solid #4e4e4e;}
.footer-center div span,.footer-right div span{ display: block; font-size: 14px; line-height: 20px; color: #fff; opacity: 0.6; text-shadow: 0px 1px 1px rgba(4, 0, 0, 0.3);}
.footer-center div span a{ color: #fff; text-shadow: 0px 1px 1px rgba(4, 0, 0, 0.3); font-size: 14px;}
.footer-msg{ margin-top: 46px;}
.footer-msg a{ width: 57px; height: 23px; background: rgba(0, 159, 230, 1); color: #fff; font-size: 12px; line-height: 23px; display: block; text-align: center; margin-bottom: 38px;}
.footer-msg img{ margin-right: 24px; width: 25px;}
.copy{ height: 70px; line-height: 70px; text-align: center; color: #fff; width: 100%; float: left; background: #19191B;}
.menu{ display: none;}
.m-nav{ position: fixed; top: 0; right: 0; width: 96%; background: #02a1e9; height: 100%; padding: 2%; z-index: 9999; display: none;}
.m-nav i{ width: 25px; height: 25px; background: url('../images/close.svg'); background-size: 100% 100%; float: right; margin-top: 7px;}
.m-nav>ul{ height: calc(100% - 50px); overflow-y: scroll; width: calc(100% - 30px); margin: 0 15px;}
.m-nav ul li ul{ display: none;}
.m-nav ul li.m-active ul{ display: block;}
.m-nav ul li{ margin: 5px 0; width: 100%; display: inline-block;}
.m-nav ul li ul li a{ width: calc(100% - 2em); padding-left: 2em;}
.m-nav ul li ul li{ width: 100%; float: left;}
.m-nav > ul > li > a{ font-size: 16px;}
.m-nav ul li a{ color: #fff; width: 100%; display: inline-block;}
.section .vjs-icon-placeholder{ font-family: VideoJS; font-weight: 400; font-style: normal;}
.section .vjs-icon-placeholder:before{ content: "\f101";}
.videos{ display: none; z-index: 999999; width: 100%; height: 100%; overflow: hidden; position: relatvie; background: #000;}
.modal-title{ position: absolute; right: 20px; top: 20px; z-index: 9999999; display: inline-block; width: 100%; text-align: right;}
.modal-title i{ font-size: 30px; color: #fff;}
.modal-content{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.play-box{ display: inline-block;}
.play-box img{ width: 100%;}
.pc_video{ background: #000;}
.play-btn{ width: 73px; height: 73px; background: rgba(255, 255, 255, 0.5); border-radius: 50px; margin: 0 auto;}
.m-nav ul li.active ul{ display: block;}
.nav-top{ width: 100%; display: inline-block; border-bottom: 1px solid #007ED3;}
.video-close{ width: 25px; height: 25px; background: url(../images/close.svg); display: inline-block; background-size: cover;}
.case-pagination{ display: inline-block; margin-top: 20px; float: right;}
.case-pagination ol li{ display: inline-block; margin-left: 20px;}
@media screen and (max-width:1900px){ nav ul li a{ font-size: 16px;}
	}
@media screen and (max-width:1024px){ .page_2{ background-position: right center !important;}
	.content{ width: calc(100% - 80px) !important;}
	nav{ display: none;}
	.menu{ display: flex; height: 36px; align-items: center; justify-content: flex-end;}
	.menu i{ width: 25px; height: 25px; background: url(../images/menu-btn.svg); display: inline-block; background-size: cover;}
	.index_header{ padding-top: 4px;}
	header{ width: calc(100% - 30px); margin: 0 15px; display: inline-block;}
	.technology span p,.about span p{ line-height: 50px; height: auto; font-size: 50px;}
	.sort-box{ background: none;}
	.pc_video{ display: none;}
	.play-box{ position: unset !important;}
	.about span:nth-child(2){ font-size: 18px;}
	.footer-center{ display: none;}
	.footer-left, .footer-right{ width: calc(100% - 30px); margin: 0 15px; margin-bottom: 20px;}
	}
@media screen and (max-width:414px){ *{ font-weight: normal;}
	.videos{ height: calc(100% - 100px)l; padding-top: 50px; padding-bottom: 50px;}
	.smile-text{ font-size: 30px; line-height: 40px;}
	.smile-btn a, .about span a, .technology span a,.looking span a{ width: 82px; font-size: 18px;}
	.looking span a{ width: 226px;}
	.about span:first-child{ height: auto;}
	.about span:nth-child(2),.technology span:nth-child(2),.looking span:nth-child(2){ font-size: 18px; line-height: 20px; height: auto;}
	.about span:nth-child(3){ font-size: 12px;}
	.technology span p, .about span p,.looking span p{ font-size: 30px; line-height: 40px; margin: 0 10px;}
	}
	/*全站字体*/
*{
	font-family: "MyPingFangSCRegular";
}